<header class="navBar">
    <div class="logo"></div>
    <div class="login" *ngIf="username != null || username != undefined">
        <span class="login-icon login-change"></span>
        <span class="login-change">{{username}}</span>
        <span class="line">|</span>
        <a class="login-off" (click)="logOff()">注销</a>
    </div>
</header>
<!--左边菜单栏-->
<accordion class="left-panel" [closeOthers]="true">
    <accordion-group #group [isOpen]="group?.isOpen" *ngFor="let data of Data;">
        <div accordion-heading>
            {{data.firstMenu.name}}
            <i class="pull-right float-xs-right glyphicon" [ngClass]="{'glyphicon-chevron-down': group?.isOpen, 'glyphicon-chevron-right': !group?.isOpen}">
      </i>
        </div>
        <div class="accordion-child" 
            *ngFor="let secondMenu of data.secondMenu;" 
            [hidden]="secondMenu.name == '活动商品管理-活动商品设置' || secondMenu.name == '活动商品管理-活动商品新增' || secondMenu.name == '一键下单活动管理-活动设置' || secondMenu.name == '一键下单活动管理-活动新增'" 
            [ngClass]="{'second-actived': secondMenu.active}"
            (click)="addTab(secondMenu, data.firstMenu)">
            <span class="fa fa-circle-o" style="margin-right: 10px;"></span> {{secondMenu.name}}
        </div>
    </accordion-group>
</accordion>
<!--右边tab选项卡内容-->
<tabset>
    <tab *ngFor="let tab of tabs" [heading]="tab.name" [active]="tab.active" (select)="activateNav(tab)" (deselect)="tab.active=false"
        [removable]="true" (removed)="removeTabHandler(tab)">
        <tab-render [type]="tab.componentClass"></tab-render>
    </tab>
</tabset>